* {
  margin: 0;
  padding: 0;
}

#app {
  position: absolute;
  left: 50%;
  top: 30%;
  transform: translateX(-50%);
}

.todo-item-li {
  display: flex;
  align-items: center;
  height: 32px;
  line-height: 32px;
  list-style: none;
}

.todo-item-checkbox {
  margin-right: 8px;
}

.todo-item-text {
  display: inline-block;
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.todo-item-text.done {
  text-decoration: line-through;
}
